.prism-player .prism-big-play-btn {
    background:url(/source/video/bigplay.png) no-repeat;
    background-size:contain;
    width:0.64rem;
    height:0.64rem
}
.prism-player .prism-big-play-btn .outter {
    border:0.07rem solid rgba(255,255,255,.51);
    width:0.64rem;
    height:0.64rem;
    border-radius:100%;
    position:absolute;
    box-sizing:border-box;
    top:0;
    left:0
}
.prism-player .prism-big-play-btn:hover {
    cursor:pointer
}
.prism-player .prism-play-btn {
    width:0.24rem;
    height:0.24rem;
    background:url(/source/video/smallplay.png) no-repeat;
    background-size:contain;
    margin-top: 0.1rem!important
}
.prism-player .prism-play-btn:hover {
    cursor:pointer
}
.prism-player .prism-live-display {
    font-size:0.12rem;
    color:#ebecec;
    line-height:0.44rem;
    text-align:center;
    margin:0
}
.prism-player .live-shift-display:hover {
    cursor:pointer;
    font-size:0.14rem
}
.prism-player .prism-play-btn.playing {
    background:url(/source/video/smallpause.png) no-repeat;
    background-size:contain
}
.prism-player .prism-play-btn.playing:hover {
    cursor:pointer
}
.prism-player .prism-fullscreen-btn {
    width:0.24rem;
    height:0.24rem;
    background:url(/source/video/fullscreen.png) no-repeat;
    background-size:contain;
    margin-top: 0.1rem!important;
}
.prism-player .prism-fullscreen-btn:hover {
    cursor:pointer
}
.prism-player .prism-fullscreen-btn.fullscreen {
    background:url(/source/video/smallscreen.png) no-repeat;
    background-size:contain
}
.prism-player .prism-fullscreen-btn.fullscreen:hover {
    animation:hoverAnimationScale 1s 1;
    -moz-animation:hoverAnimationScale 1s 1;
    -webkit-animation:hoverAnimationScale 1s 1;
    -o-animation:hoverAnimationScale 1s 1;
    cursor:pointer
}
.prism-player .prism-volume {
    position:relative;
    margin-top: 0.08rem!important;
}
.prism-player .prism-volume .volume-icon {
    width:0.28rem;
    height:0.28rem;
    background:url(/source/video/volume.png);
    background-size:contain
}
.prism-player .prism-volume .volume-icon .long-horizontal {
    width:0.03rem;
    background:#ebecec;
    height:0.18rem;
    position:absolute;
    right:0.05rem;
    top:50%;
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
.prism-player .prism-volume .volume-icon .short-horizontal {
    width:0.03rem;
    background:#ebecec;
    height:0.08rem;
    position:absolute;
    right:0.1rem;
    top:50%;
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
.prism-player .prism-volume .volume-icon:hover {
    -ms-transform-origin:0 50%;
    transform-origin:0 50%;
    background-size:contain;
    cursor:pointer
}
.prism-player .prism-volume .mute .long-horizontal {
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
    height:0.12rem;
    top:0.1rem;
    left:0.22rem
}
.prism-player .prism-volume .mute .short-horizontal {
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
    height:0.12rem;
    top:0.1rem;
    left:0.22rem
}
.prism-player .prism-volume-control {
    position:absolute;
    bottom:0.44rem;
    display:none;
    background:rgba(60,60,60,.95);
    box-shadow:0 0 0.06rem 0 rgba(0,0,0,.1);
    width:0.32rem;
    height:1.3rem;
    z-index:10000
}
.prism-player .prism-volume-control .volume-control-icon {
    width:0.32rem;
    height:0.32rem;
    background:url(/source/video/unmutevolume.png) no-repeat;
    background-size:contain
}
.prism-player .prism-volume-control .volume-control-icon:hover {
    cursor:pointer;
    background:url(/source/video/volumehover.png) no-repeat;
    background-size:contain
}
.prism-player .prism-volume-control .volume-control-icon.mute {
    background:url(/source/video/volumemute.png) no-repeat;
    background-size:contain
}
.prism-player .prism-volume-control .volume-control-icon.mute:hover {
    background:url(/source/video/volumemutehover.png) no-repeat;
    background-size:contain;
    cursor:pointer
}
.prism-player .prism-volume-control:hover {
    cursor:pointer
}
.prism-player .prism-volume-control .volume-control-icon {
    position:absolute;
    bottom:0.06rem;
    left:0.08rem;
    width:0.26rem;
    height:0.26rem
}
.prism-player .prism-volume-control .volume-range {
    position:absolute;
    left:0.14rem;
    bottom:0.1rem;
    border-radius:0.01rem;
    background:#6c6262;
    box-shadow:inset 0.01rem 0.01rem 0.01rem 0 rgba(0,0,0,.06);
    width:0.04rem;
    height:1rem
}
.prism-player .prism-volume-control .volume-value {
    width:100%;
    height:0%;
    background:#30adf2;
    position:absolute;
    border-radius:0.01rem;
    bottom:0
}
.prism-player .prism-volume-control .volume-cursor {
    position:absolute;
    bottom:0;
    background:#fff;
    width:0.15rem;
    height:0.15rem;
    border-radius:0.15rem;
    left:-0.06rem
}
.prism-player .prism-volume-control .volume-cursor:hover {
    background:#00c1de
}
.prism-player .prism-animation {
    width:0.64rem;
    height:0.64rem;
    border-radius:0.64rem;
    opacity:0;
    position:absolute;
    left:50%;
    top:50%;
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.prism-player .prism-play-animation {
    background:url(/source/video/playanimation.png) no-repeat;
    background-size:contain
}
.prism-player .prism-pause-animation {
    background:url(/source/video/pauseanimation.png) no-repeat;
    background-size:contain
}
.prism-player .play-apply-animation {
    animation:prismplayanimation 1s 1;
    -moz-animation:prismplayanimation 1s 1;
    -webkit-animation:prismplayanimation 1s 1;
    -o-animation:prismplayanimation 1s 1;
    animation-fill-mode:both
}
@keyframes prismplayanimation {
    0% {
        width:0.32rem;
        height:0.32rem;
        border-radius:0.32rem;
        opacity:0
    }
    50% {
        width:0.32rem;
        height:0.32rem;
        border-radius:0.32rem;
        opacity:1
    }
    99% {
        width:0.76rem;
        height:0.76rem;
        border-radius:0.76rem;
        opacity:0
    }
    100% {
        width:0;
        height:0
    }
}@keyframes spinoffPulse {
     0% {
         transform:rotate(0);
         -webkit-transform:rotate(0);
         -moz-transform:rotate(0)
     }
     100% {
         transform:rotate(360deg);
         -webkit-transform:rotate(360deg);
         -moz-transform:rotate(360deg)
     }
 }@keyframes hoverAnimationRotate {
      0% {
          transform:rotate(0);
          -webkit-transform:rotate(0);
          -moz-transform:rotate(0)
      }
      50% {
          transform:rotate(45deg);
          -webkit-transform:rotate(45deg);
          -moz-transform:rotate(45deg)
      }
      100% {
          transform:rotate(0);
          -webkit-transform:rotate(0);
          -moz-transform:rotate(0)
      }
  }@keyframes hoverAnimationScale {
       0% {
           transform:scale(1);
           -webkit-transform:scale(1);
           -moz-transform:scale(1)
       }
       50% {
           transform:scale(1.2);
           -webkit-transform:scale(1.2);
           -moz-transform:scale(1.2)
       }
       100% {
           transform:scale(1);
           -webkit-transform:scale(1);
           -moz-transform:scale(1)
       }
   }@keyframes hoverAnimationScaleX {
        0% {
            transform:scaleX(1);
            -webkit-transform:scaleX(1);
            -moz-transform:scaleX(1)
        }
        50% {
            transform:scaleX(1.2);
            -webkit-transform:scaleX(1.2);
            -moz-transform:scaleX(1.2)
        }
        100% {
            transform:scaleX(1);
            -webkit-transform:scaleX(1);
            -moz-transform:scaleX(1)
        }
    }@keyframes hoverVolumeAnimation {
         0% {
             opacity:1
         }
         50% {
             opacity:0
         }
         100% {
             opacity:1
         }
     }.volume-hover-animation {
          animation:hoverVolumeAnimation .3s 1;
          -moz-animation:hoverVolumeAnimation .3s 1;
          -webkit-animation:hoverVolumeAnimation .3s 1;
          -o-animation:hoverVolumeAnimation .3s 1
      }
@keyframes hoverPlayButtonAnimation {
    0% {
        width:0.63rem;
        height:0.63rem;
        border:0.07rem solid #fff
    }
    60% {
        width:0.9rem;
        height:0.9rem;
        border:0.07rem solid rgba(255,255,255,.51)
    }
    100% {
        width:0.97rem;
        height:0.97rem;
        border:0.14rem solid rgba(255,255,255,0)
    }
}@keyframes warn {
     0% {
         transform:scale(1);
         opacity:0
     }
     25% {
         transform:scale(1);
         opacity:.1
     }
     50% {
         transform:scale(1.1);
         opacity:.3
     }
     75% {
         transform:scale(1.5);
         opacity:.5
     }
     100% {
         transform:scale(2);
         opacity:0
     }
 }.big-playbtn-hover-animation {
      animation:warn 1s ease-out;
      -moz-animation:warn 1s ease-out;
      -webkit-animation:warn 1s ease-out;
      -o-animation:warn 1s ease-out
  }
.big-playbtn-hover-animation1 {
    animation:hoverPlayButtonAnimation 1s 1;
    -moz-animation:hoverPlayButtonAnimation 1s 1;
    -webkit-animation:hoverPlayButtonAnimation 1s 1;
    -o-animation:hoverPlayButtonAnimation 1s 1
}
.prism-player {
    background-color:#000;
    position:relative
}
.prism-player a {
    text-decoration:none
}
.prism-player video {
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    -ms-transform-origin:center;
    -moz-transform-origin:center;
    -webkit-transform-origin:center;
    -o-transform-origin:center
}
.prism-player .x5-full-screen {
    object-fit:fill;
    object-position:50% 50%
}
.prism-player .x5-top-left {
    object-fit:contain;
    object-position:0 0
}
.prism-player .prism-cover {
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    position:absolute;
    top:0;
    left:0;
    z-index:11
}
.prism-player .prism-ErrorMessage {
    width:100%;
    height:100%;
    background-color:#000;
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    position:absolute;
    z-index:99;
    top:0;
    left:0;
    overflow:hidden;
    display:none
}
.prism-player .prism-ErrorMessage .prism-error-content {
    margin-top:0.2rem;
    padding:0 0.05rem
}
.prism-player .prism-ErrorMessage .prism-error-content p {
    text-align:center;
    font-size:0.12rem;
    color:#fff
}
.prism-player .prism-ErrorMessage .prism-error-operation {
    margin-top:0.1rem;
    margin-bottom:0.1rem;
    padding-bottom:0.05rem;
    border-bottom:0.015rem;
    border-bottom-color:rgba(255,255,255,.15);
    border-bottom-style:dotted;
    text-align:center
}
.prism-player .prism-ErrorMessage .prism-error-operation a {
    width:0.8rem;
    height:0.32rem;
    line-height:0.32rem;
    vertical-align:top;
    display:inline-block;
    margin-left:0.1rem
}
.prism-player .prism-ErrorMessage .prism-error-operation a.prism-button-refresh {
    color:#21c5e0;
    border:solid 0.01rem #21c5e0
}
.prism-player .prism-ErrorMessage .prism-error-operation a.prism-button-refresh:hover {
    color:#05d3f5;
    border-color:#05d3f5;
    cursor:pointer
}
.prism-player .prism-ErrorMessage .prism-error-operation a.prism-button-refresh:active {
    color:#026a7b;
    border-color:#026a7b
}
.prism-player .prism-ErrorMessage .prism-error-operation .prism-button-orange:visited {
    color:#05d3f5
}
.prism-player .prism-ErrorMessage .prism-detect-info {
    color:#fff;
    font-size:0.1rem
}
.prism-player .prism-ErrorMessage .prism-detect-info p {
    padding:0 0.05rem;
    word-break:break-all;
    margin:0 0 0.04rem
}
.prism-player .prism-ErrorMessage .prism-detect-info span.info-label {
    display:inline-block;
    font-weight:700
}
.prism-player .prism-ErrorMessage .prism-detect-info span.info-content {
    color:gray
}
.prism-player .prism-big-play-btn {
    display:none;
    z-index:1000
}
.prism-player .prism-controlbar {
    width:100%;
    height:0.44rem;
    position:relative;
    z-index:10;
    font-size:0.14rem
}
.prism-player .prism-controlbar .prism-controlbar-bg {
    background:rgba(75,75,75,.15);
    width:100%;
    height:0.4rem;
    position:absolute;
    bottom:0;
    left:0;
    z-index:-1
}
.prism-player .prism-time-display {
    height:0.4rem;
    line-height:0.4rem;
    color:#a4aab3;
    font-size:0.12rem;
    margin-top: 0.035rem!important;
}
.prism-player .prism-time-display .current-time {
    color:#fff
}
.prism-player .prism-live-time-display {
    height:0.44rem;
    line-height:0.44rem;
    color:#a4aab3;
    font-size:0.12rem
}
.prism-player .prism-live-time-display span {
    display:inline
}
.prism-player .prism-live-time-display .live-text {
    margin-left:0.05rem;
    font-size:0.12rem;
    color:#ebecec
}
.prism-player .prism-live-time-display .current-time {
    color:#fff
}
.prism-player .prism-fullscreen-btn:hover {
    animation:hoverAnimationScale 1s 1;
    -moz-animation:hoverAnimationScale 1s 1;
    -webkit-animation:hoverAnimationScale 1s 1;
    -o-animation:hoverAnimationScale 1s 1
}
.prism-player .prism-liveshift-progress,.prism-player .prism-progress {
    bottom:0.4rem!important;
    width:100%;
    height:0.04rem;
    background:rgba(195,197,198,.5);
    box-shadow:inset 0.01rem 0.01rem 0.01rem 0 rgba(0,0,0,.06);
    position:relative;
    cursor:pointer
}
.prism-player .prism-liveshift-progress .prism-progress-time,.prism-player .prism-progress .prism-progress-time {
    position:absolute;
    top:-0.25rem;
    background:rgba(0,0,0,.8);
    box-shadow:0 0 0.05rem 0 rgba(0,0,0,.1);
    -webkit-box-shadow:0 0 0.05rem 0 rgba(0,0,0,.1);
    color:#fff;
    font-size:0.14rem;
    border-radius:0.075rem;
    padding:0 0.06rem 0 0.06rem;
    text-align:center;
    white-space:nowrap
}
.prism-player .prism-liveshift-progress .prism-progress-loaded,.prism-player .prism-progress .prism-progress-loaded {
    position:absolute;
    top:0;
    left:0;
    width:0;
    height:100%;
    background:#c3c5c6
}
.prism-player .prism-liveshift-progress .prism-progress-played,.prism-player .prism-progress .prism-progress-played {
    position:absolute;
    top:0;
    left:0;
    width:0;
    height:100%;
    background-color:#00c1de
}
.prism-player .prism-liveshift-progress .prism-progress-cursor,.prism-player .prism-progress .prism-progress-cursor {
    position:absolute;
    border-radius:0.08rem;
    top:-0.05rem;
    width:0.16rem;
    height:0.16rem;
    overflow:hidden;
    box-sizing:content-box;
    background:url(/source/video/dragcursorhover.png) center;
    display:none
}
.prism-player .prism-liveshift-progress .prism-progress-cursor img,.prism-player .prism-progress .prism-progress-cursor img {
    width:0.14rem;
    height:0.14rem;
    position:absolute;
    top:50%;
    left:50%;
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.prism-player .prism-liveshift-progress .cursor-hover,.prism-player .prism-progress .cursor-hover {
    border-radius:0.09rem;
    width:0.18rem;
    height:0.18rem;
    top:-0.05rem!important
}
.prism-player .prism-liveshift-progress .cursor-hover img,.prism-player .prism-progress .cursor-hover img {
    width:0.16rem;
    height:0.16rem
}
.prism-player .prism-liveshift-progress .prism-progress-marker,.prism-player .prism-progress .prism-progress-marker {
    width:100%;
    height:100%;
    position:absolute
}
.prism-player .prism-liveshift-progress .prism-progress-marker .prism-marker-dot,.prism-player .prism-progress .prism-progress-marker .prism-marker-dot {
    position:absolute;
    background:#d9edf7;
    width:0.05rem;
    height:100%;
    border-radius:20%
}
.prism-player .prism-progress-hover {
    cursor:pointer;
    height:0.06rem;
    transition:height .1s
}
.prism-player .prism-progress-hover .prism-marker-dot {
    width:0.1rem;
    height:80%;
    top:8%;
    border-radius:30%
}
.prism-player .prism-progress-hover .prism-progress-cursor {
    top:-0.04rem
}
.prism-player .prism-liveshift-progress {
    background:0 0
}
.prism-player .prism-liveshift-progress .prism-enable-liveshift {
    cursor:pointer;
    position:absolute;
    background:#fff;
    height:0.04rem
}
.prism-player .prism-liveshift-progress .prism-enable-liveshift:hover {
    height:0.06rem;
    transition:height .1s
}
.prism-player .prism-liveshift-progress .prism-liveshift-seperator {
    height:0.15rem;
    position:absolute;
    right:0;
    top:-0.08rem;
    color:#fff;
    margin-right:0.05rem;
    margin-left:0.05rem;
    right:-0.65rem
}
.prism-player .prism-marker-text {
    padding:0.05rem;
    background:rgba(0,0,0,.8);
    position:absolute;
    max-width:1.8rem;
    max-height:1rem;
    bottom:0.5rem;
    color:#fff;
    border-radius:0.03rem;
    z-index:9999;
    display:none;
    overflow:auto
}
.prism-player .prism-marker-text p {
    text-align:center;
    word-break:break-all;
    margin:0;
    font-size:0.12rem
}
.prism-player .prism-loading {
    width:0.55rem;
    height:0.55rem;
    z-index:10
}
.prism-player .prism-loading .circle {
    background-color:rgba(0,0,0,0);
    border:0.05rem solid;
    border-color:rgba(0,193,222,.2) rgba(0,193,222,.5) rgba(0,193,222,.7) rgba(0,193,222,.1);
    opacity:.9;
    border-radius:0.5rem;
    width:0.45rem;
    height:0.45rem;
    margin:0 auto;
    -moz-animation:spinoffPulse .9s infinite linear;
    -webkit-animation:spinoffPulse .9s infinite linear
}
.prism-player .prism-hide {
    display:none
}
.prism-player .prism-snapshot-btn {
    width:0.32rem;
    height:0.32rem;
    background:url(/source/video/snapshot.png) no-repeat;
    background-size:contain
}
.prism-player .prism-snapshot-btn:hover {
    animation:hoverAnimationScale 1s 1;
    -moz-animation:hoverAnimationScale 1s 1;
    -webkit-animation:hoverAnimationScale 1s 1;
    -o-animation:hoverAnimationScale 1s 1;
    cursor:pointer
}
.prism-player .prism-snapshot-btn:active {
    displa:block
}
.prism-player .prism-info-display {
    width:100%;
    color:#fff;
    font-size:0.18rem;
    text-align:center;
    top:50%;
    position:absolute;
    z-index:900;
    height:0.44rem;
    line-height:0.28rem;
    font-size:0.16rem;
    padding:0.1rem 0.12rem 0.1rem 0.12rem
}
.prism-player .prism-info-display span {
    color:#00c1de
}
.prism-player .prism-info-left-bottom {
    width:auto!important;
    top:auto!important;
    bottom:0.7rem;
    left:0.2rem!important;
    text-align:left
}
.prism-player .prism-info-top-center {
    width:auto!important;
    top:0.2rem!important;
    left:50%!important;
    text-align:left!important;
    -ms-transform:translateX(-50%)!important;
    transform:translateX(-50%)!important;
    color:red!important
}
.prism-player .prism-info-black {
    color:#000!important
}
.prism-player .prism-auto-stream-selector {
    position:absolute;
    bottom:50%;
    width:100%;
    margin:auto;
    color:#efeff4;
    display:none
}
.prism-player .prism-auto-stream-selector p.tip-text {
    text-align:center
}
.prism-player .prism-auto-stream-selector .operators {
    width:1rem;
    margin:auto
}
.prism-player .prism-button-cancel {
    font-size:0.16rem;
    border:0.01rem #ffffffa8 solid;
    padding:0.02rem 0.05rem 0.02rem 0.05rem;
    color:#ffffffa8;
    margin-left:0.05rem;
    background:#503f3f3d
}
.prism-player .prism-button-ok {
    font-size:0.16rem;
    border:0.01rem #fff solid;
    padding:0.02rem 0.05rem 0.02rem 0.05rem;
    color:#fff;
    background:#503f3f63
}
.prism-player .prism-button-cancel:hover,.prism-player .prism-button-ok:hover {
    color:#f5f5f5
}
.prism-player .prism-cc-btn {
    height:0.24rem;
    width:0.24rem;
    background:url(/source/video/cc.png) center no-repeat;
    background-size:contain;
    margin-top: 0.1rem!important;

}
.prism-player .prism-cc-btn:hover {
    cursor:pointer;
    animation:hoverAnimationScale 1s 1;
    -moz-animation:hoverAnimationScale 1s 1;
    -webkit-animation:hoverAnimationScale 1s 1;
    -o-animation:hoverAnimationScale 1s 1
}
.prism-player .prism-setting-btn {
    height:0.24rem;
    width:0.24rem;
    background:url(/source/video/setting.png) center no-repeat;
    background-size:contain
}
.prism-player .prism-setting-btn:hover {
    cursor:pointer;
    animation:hoverAnimationRotate 1s 1;
    -moz-animation:hoverAnimationRotate 1s 1;
    -webkit-animation:hoverAnimationRotate 1s 1;
    -o-animation:hoverAnimationRotate 1s 1
}
.prism-player .prism-setting-list {
    background:rgba(60,60,60,.95);
    width:2.2rem;
    position:absolute;
    right:0.14rem;
    bottom:0.45rem;
    display:none;
    z-index:10000;
    text-align:left
}
.prism-player .prism-setting-list .prism-setting-item {
    font-size:0.14rem;
    color:#ebecec;
    height:0.3rem
}
.prism-player .prism-setting-list .prism-setting-item .setting-content {
    width:100%
}
.prism-player .prism-setting-list .prism-setting-item .setting-content:hover {
    background:rgba(216,216,216,.1);
    cursor:pointer
}
.prism-player .prism-setting-list .prism-setting-item .setting-content span {
    line-height:0.3rem
}
.prism-player .prism-setting-list .prism-setting-item .setting-content .setting-title {
    margin-left:0.15rem
}
.prism-player .prism-setting-list .prism-setting-item .setting-content .current-setting {
    float:right
}
.prism-player .prism-setting-list .prism-setting-item .array {
    display:inline-block;
    border-right:0.02rem solid;
    border-bottom:0.02rem solid;
    border-color:#fff;
    width:0.08rem;
    height:0.08rem;
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
    margin-right:0.1rem;
    margin-top:0.1rem;
    margin-left:0.1rem;
    float:right
}
.prism-player .prism-setting-selector {
    right:0.4rem;
    position:absolute;
    bottom:0.45rem;
    width:1.5rem;
    background:rgba(60,60,60,.95);
    font-size:0.14rem;
    color:#ebecec;
    display:none;
    z-index:10000;
    text-align:left
}
.prism-player .prism-setting-selector .header {
    background:#242424;
    width:1.5rem;
    height:0.3rem
}
.prism-player .prism-setting-selector .header:hover {
    cursor:pointer
}
.prism-player .prism-setting-selector .header .left-array {
    display:inline-block;
    border-left:0.02rem solid;
    border-bottom:0.02rem solid;
    border-color:#fff;
    width:0.08rem;
    height:0.08rem;
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
    margin-right:0.06rem;
    margin-top:0.12rem;
    margin-left:0.16rem;
    float:left
}
.prism-player .prism-setting-selector .header span {
    line-height:0.3rem
}
.prism-player .prism-setting-selector ul {
    list-style-type:none;
    padding-left:0;
    max-height:1.5rem;
    overflow-y:auto;
    padding-left:0.16rem;
    margin-top:0.05rem
}
.prism-player .prism-setting-selector ul li {
    height:0.28rem;
    padding-left:0.1rem
}
.prism-player .prism-setting-selector ul li.current {
    color:#30adf2;
    padding-left:0
}
.prism-player .prism-setting-selector ul li.current:before {
    content:"";
    display:inline-block;
    line-height:0;
    border:0.05rem solid transparent;
    border-left-color:#30adf2;
    border-right-width:0;
    margin-top:0.05rem;
    padding-right:0.05rem
}
.prism-player .prism-setting-selector ul li:hover {
    background:rgba(216,216,216,.1);
    cursor:pointer
}
.prism-player .prism-setting-selector ul span {
    line-height:0.28rem
}
.prism-player .prism-thumbnail {
    border:0.01rem solid rgba(0,0,0,.8);
    width:1.74rem;
    height:0.98rem;
    position:absolute;
    bottom:0.5rem;
    display:none
}
.prism-player .prism-thumbnail .none {
    border:none
}
.prism-player .prism-thumbnail span {
    font-size:0.12rem;
    color:#fff;
    line-height:0.2rem;
    background:rgba(0,0,0,.8);
    text-align:center;
    text-shadow:0.01rem 0.01rem 0.04rem #373d41;
    padding-left:0.05rem;
    padding-right:0.05rem;
    display:inline-block;
    position:absolute;
    bottom:0;
    left:33%
}
.prism-player .prism-tooltip {
    background:#3c3c3c;
    box-shadow:0 0 0.05rem 0 rgba(0,0,0,.1);
    height:0.28rem;
    margin:0;
    padding-left:0.05rem;
    padding-right:0.05rem;
    padding-top:0;
    padding-bottom:0;
    position:absolute;
    bottom:0.5rem;
    color:#fff;
    line-height:0.28rem;
    font-size:0.1rem;
    white-space:nowrap;
    display:none
}
:-webkit-full-screen {
    width:100%!important;
    height:100%!important
}
:-moz-full-screen {
    width:100%!important;
    height:100%!important
}
:-ms-full-screen {
    width:100%!important;
    height:100%!important
}
:-ms-fullscreen {
    width:100%!important;
    height:100%!important
}
:-webkit-full-screen {
    width:100%!important;
    height:100%!important
}
:fullscreen {
    width:100%!important;
    height:100%!important
}
body.prism-full-window {
    padding:0;
    margin:0;
    height:100%;
    overflow-y:auto
}
.prism-fullscreen {
    position:fixed;
    overflow:hidden;
    z-index:99999;
    left:0!important;
    top:0!important;
    bottom:0!important;
    right:0!important;
    width:100%!important;
    height:100%!important;
    position:absolute
}
.prism-button {
    cursor:pointer;
    text-align:center;
    text-shadow:0 0.01rem 0.01rem rgba(0,0,0,.3);
    border-radius:.5em;
    box-shadow:0 0.01rem 0.02rem rgba(0,0,0,.2)
}
.prism-button-orange {
    color:#a56117;
    border:solid 0.01rem #a56117
}
.prism-button-retry {
    color:#f2dede;
    border:solid 0.01rem #f2dede
}
.prism-button-orange:hover {
    color:#d67400;
    border-color:#d67400
}
.prism-button-orange:active {
    color:#d67400;
    border-color:#d67400
}
.prism-button-orange:visited {
    color:#d67400
}
.prism-button-retry:hover {
    color:#fcf8e3;
    border-color:#fcf8e3
}
.prism-button-retry:active {
    color:#fcf8e3;
    border-color:#fcf8e3
}
.prism-button-retry:visited {
    color:#fcf8e3
}
.prism-center {
    position:absolute;
    left:50%;
    -ms-transform:translateX(-50%);
    transform:translateX(-50%)
}
.prism-width90 {
    width:90%
}
.prism-stream-selector {
    font-size:0.16rem;
    position:relative;
    line-height:0.32rem
}
.prism-stream-selector .current-stream-selector {
    text-align:center;
    width:0.7rem;
    display:none;
    color:#efeff4
}
.prism-stream-selector .current-stream-selector:hover {
    cursor:pointer;
    color:#00c1de
}
.prism-stream-selector .stream-selector-tip {
    color:#fff;
    text-align:center;
    padding:0.02rem 0.05rem 0.02rem 0.05rem;
    display:none;
    position:absolute;
    bottom:0.615rem;
    white-space:nowrap;
    left:43%;
    font-size:0.18rem
}
.prism-stream-selector .stream-selector-list {
    position:absolute;
    bottom:0.32rem;
    background:rgba(0,0,0,.5);
    color:#efeff4;
    padding:0.05rem 0.05rem 0 0.05rem;
    width:0.7rem;
    margin:0;
    display:none
}
.prism-stream-selector .stream-selector-list li {
    list-style-type:none;
    text-align:center;
    white-space:nowrap;
    padding:0 0.02rem 0 0.02rem;
    line-height:0.24rem
}
.prism-stream-selector .stream-selector-list li:last-child {
    margin-bottom:0.1rem
}
.prism-stream-selector .stream-selector-list li.current {
    color:#00c1de
}
.prism-stream-selector .stream-selector-list li span.current {
    color:#00c1de
}
.prism-stream-selector .stream-selector-list li:hover {
    cursor:pointer;
    color:#00c1de
}
.prism-speed-selector {
    font-size:0.16rem;
    position:relative;
    line-height:0.32rem
}
.prism-speed-selector .current-speed-selector {
    color:#efeff4;
    text-align:center;
    width:0.6rem
}
.prism-speed-selector .current-speed-selector:hover {
    cursor:pointer;
    color:#00c1de
}
.prism-speed-selector .speed-selector-list {
    position:absolute;
    bottom:0.32rem;
    background:rgba(0,0,0,.5);
    color:#efeff4;
    padding:0.05rem 0.05rem 0 0.05rem;
    display:none;
    margin:0
}
.prism-speed-selector .speed-selector-list li {
    list-style-type:none;
    text-align:center;
    white-space:nowrap;
    padding:0 0.02rem 0 0.02rem;
    line-height:0.24rem
}
.prism-speed-selector .speed-selector-list li:last-child {
    margin-bottom:0.1rem
}
.prism-speed-selector .speed-selector-list li.current {
    color:#00c1de
}
.prism-speed-selector .speed-selector-list li span.current {
    color:#00c1de
}
.prism-speed-selector .speed-selector-list li:hover {
    cursor:pointer;
    color:#00c1de
}
.prism-ai-container {
    position:absolute;
    overflow:hidden
}
.prism-ai-container .prism-ai-marking {
    font-size:0.12rem;
    position:absolute
}
.prism-ai-container .prism-ai-marking[vh=large] {
    font-size:0.18rem
}
.prism-ai-container .prism-ai-marking[vh=middle] {
    font-size:0.16rem
}
.prism-ai-container .prism-ai-marking .prism-ai-rect-region {
    position:relative;
    display:inline-block
}
.prism-ai-container .prism-ai-marking .prism-ai-rect-region .prism-ai-title {
    height:0;
    -ms-transform:translateY(-0.4rem);
    transform:translateY(-0.4rem)
}
.prism-ai-container .prism-ai-marking .prism-ai-rect-region .prism-ai-title p {
    background:#ff1d00;
    text-align:center;
    width:100%;
    color:#fff;
    word-break:keep-all;
    margin:0.1rem 0 0 0
}
.prism-ai-container .prism-ai-marking .prism-ai-rect-region .prism-ai-title .top-left-anchor {
    width:0.05rem;
    height:0.05rem;
    border-top-color:red;
    border-top-style:solid;
    border-left-color:red;
    border-left-style:solid;
    border-width:0.01rem;
    -ms-transform:translate(-0.05rem,0.1rem);
    transform:translate(-0.05rem,0.1rem)
}
.prism-ai-container .prism-ai-marking .prism-ai-rect-region .prism-ai-title .top-right-anchor {
    width:0.05rem;
    height:0.05rem;
    border-top-color:red;
    border-top-style:solid;
    border-right-color:red;
    border-right-style:solid;
    border-width:0.01rem;
    -ms-transform:translate(0.05rem,0.05rem);
    transform:translate(0.05rem,0.05rem);
    float:right
}
.prism-ai-container .prism-ai-marking .prism-ai-rect-region .prism-ai-rect {
    border-style:solid;
    border-color:#ff1d00;
    border-width:0.01rem;
    box-sizing:content-box;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
    color:rgba(255,29,0,.3);
    background:rgba(255,29,0,.1)
}
.prism-ai-container .prism-ai-marking .prism-ai-rect-region .prism-ai-rect .prism-ai-slash-container {
    overflow:hidden;
    width:100%;
    height:100%;
    position:absolute
}
.prism-ai-container .prism-ai-marking .prism-ai-rect-region .prism-ai-rect .prism-ai-slash {
    content:"";
    display:block;
    box-sizing:border-box;
    border-top-width:0.01rem;
    border-top-style:solid;
    height:0.1rem;
    margin-top:0.15rem;
    border-bottom-width:0.01rem;
    border-bottom-style:solid;
    transform:rotateZ(-45deg) scaleX(2);
    -ms-transform-origin:bottom center;
    transform-origin:bottom center
}
.prism-ai-container .prism-ai-marking .prism-ai-rect-region .prism-ai-rect .prism-ai-top-slash {
    margin-top:-0.1rem!important
}
.prism-ai-container .prism-ai-marking .prism-ai-rect-region .anchor-plug {
    position:absolute
}
.prism-ai-container .prism-ai-marking .prism-ai-rect-region .top-left {
    top:-0.07rem;
    left:-0.02rem
}
.prism-ai-container .prism-ai-marking .prism-ai-rect-region .top-right {
    top:-0.07rem;
    right:-0.02rem
}
.prism-ai-container .prism-ai-marking .prism-ai-rect-region .bottom-left {
    bottom:-0.08rem;
    left:-0.02rem
}
.prism-ai-container .prism-ai-marking .prism-ai-rect-region .bottom-right {
    bottom:-0.08rem;
    right:-0.02rem
}
.prism-ai-container .prism-ai-marking .prism-ai-labels {
    color:#fff;
    float:right;
    background:rgba(0,0,0,.4);
    padding-top:0.05rem;
    padding-bottom:0.05rem
}
.prism-ai-container .prism-ai-marking .prism-ai-labels p {
    text-align:left;
    padding-left:0.05rem;
    padding-right:0.05rem;
    margin:0
}
.prism-ai-container .prism-ai-marking .prism-ai-labels a {
    padding-left:0.05rem;
    padding-right:0.05rem
}
.prism-ai-container .prism-ai-marking .prism-ai-labels p[vh=large] {
    padding-left:0.25rem;
    padding-right:0.25rem
}
.prism-ai-container .prism-ai-marking .prism-ai-labels p[vh=middle] {
    padding-left:0.15rem;
    padding-right:0.15rem
}
video::-webkit-media-text-track-container {
    overflow:visible!important
}
video::cue {
    line-height:1.7
}
.disabled {
    pointer-events:none;
    color:gray
}
.center {
    position:absolute;
    top:50%;
    left:50%;
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}